<!DOCTYPE html>
<html>

<head>
  <style>
    div {
      background-color: lightgrey;
      width: 300px;
      border: 15px solid green;
      padding: 30px;
      margin: 10px;
    }
  </style>
</head>

<body>
  <h1>演示</h1>
  <p>CSS 盒模型（框模型）实质上是一个包装每个 HTML 元素的盒子。它包括：边
    框、内边距（填充）、外边距以及实际的内容。</p>
  <div>此文本是盒子里的内容。我们添加了 50px 的内边距，20px 的外边距和 15px
    的绿色边框。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的
    内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。
  </div>
</body>

</html>